html,body{
		background-color: #f9f9f9;
		}
h2{
	background-color: #f9f9f9;
	position: absolute;
	left: 2%;
	top:20px;
  }
	  
 
.personal-part{
				position: absolute;
				width: 96%;
				background-color: white;
				left: 2%;
				top:100px;
				border-radius: 5px;
				padding: 20px;
			}
#userImgPart{
	float:left;
	margin-left: 4%;
	margin-right: 15px;
}
#exampleInputFile {
           display: none;
       }
#userImg{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	min-width: 110px;
	margin-left: 5%;
}
#changeImg{
	margin-left:16px; 
	margin-top: 7px;
}


#userInfo{
	float:left;
	margin-left:1%;
}
ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.icon{
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: blue;
	border-radius: 50%;
	color:white;
	margin-left: 3px;
}
 #header{
	width: 100%;
	height: 150px;
	
}
.headerRight{
	float:right;
	padding-top:20px;
	
}
.echart1,.echart2,.echart3,.echart4{
	width: 420px;
	height: 380px;
	float: left;
	margin: 0px 5%;
	
}
	
#editUserInfo p{
	font-size: 12px;
	color: red;
	margin: 0px 0px -16px;
	display: none;
	padding-bottom: 20px;
}